<template>
	<view style="background-color: #f7f7f7;margin: 20rpx 27rpx;">
		<view class="dawo">
			<view class="mk">
				<view class="lis" v-for="item of 2">
					<view class="head">
						<image class="heImg" src="../../static/logo.png" mode=""></image>
						<view class="na">
							<view class="dc">钓场老板名称</view>
							<view class="time">2024-02-24  14:30</view>
						</view>
					</view>
					<view class="des">
						第一次打窝
					</view>
					<view class="_image">
						<image src="../../static/logo.png" mode=""></image>
						<image src="../../static/logo.png" mode=""></image>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.mk{
		
		// padding: 15rpx 27rpx;
		 
		
	}
	.lis{
		background-color: #fff;
		padding: 20rpx 27rpx;
		margin: 20rpx 0;
		border-radius: 13rpx;
	}
	.head{
		display: flex;
		background-color: #fff;
		// margin: 20rpx 0;
	}
	.heImg{
		width: 80rpx;
		height: 80rpx;
		margin-right: 25rpx;
		border-radius: 50%;
	}
	.dc{
		font-weight: bold;
		font-size: 29rpx;
		color: #333333;
		line-height: 32rpx;
		margin-top: 13rpx;
	}
	.time{
		font-weight: 500;
		font-size: 24rpx;
		color: #B3B3B3;
		margin-top: 13rpx;
	}
	.des{
		font-weight: 500;
		font-size: 27rpx;
		color: #333333;
		margin: 20rpx 0;
	}
	._image{
		display: flex;
		
		>image{
			width: 207rpx;
			height: 200rpx;
			background: #333333;
			border-radius: 20rpx;
			margin-left: 12rpx;
		}
	}
</style>
